<link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" />
<script src="js/lyz.calendar.min.js" type="text/javascript"></script>
		<div class="container">
		<!-- 主体部分 -->
			<!-- <div class="containermain"> -->
	
						<!-- 右侧内容 -->
						<!-- <div id="rightcontent"> -->
							<div class="rightcontent">
								<!-- 页面导航 -->
								<div class="righttopnav">
									<a class="index">首页></a><a>内容管理</a>
								</div>
								<!-- 操作区 -->
							<!-- 	<script type="text/javascript">
										$("#txtBeginDate").calendar({

								    controlId: "divDate",                                 // 弹出的日期控件ID，默认: $(this).attr("id") + "Calendar"

								    speed: 200,                                           // 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认：200

								    complement: true,                                     // 是否显示日期或年空白处的前后月的补充,默认：true

								    readonly: true,                                       // 目标对象是否设为只读，默认：true

								    upperLimit: new Date(),                               // 日期上限，默认：NaN(不限制)

								    lowerLimit: new Date("2015/01/01"),                   // 日期下限，默认：NaN(不限制)

								    callback: function () {                               // 点击选择日期后的回调函数

								        // alert("您选择的日期是：" + $("#txtBeginDate").val());
								        console.log('123456');

								    }

										});
									</script> -->
								<div class="caozuodiv">	
									<!-- <span class="content_inputdiv5">								
										<input class="searchinpu" id="txtBeginDate" name="type" placeholder="创建时间&nbsp;&nbsp;2018-01-01" value="2018-08-16">
									</span>
									<a class="originborbtn usersear">查询</a>
									
									<a class="originbtn adduser">+新增</a> -->
								</div>
									

								<!-- 数据table --> 
								<div class="contenttable">
									
									<table id="table01" class="table01">
										<!-- <colgroup>
										 <col class="item-list-col0">
										 <col class="item-list-col1">
										 <col class="item-list-col2">
										 <col class="item-list-col3">
										 <col class="item-list-col4">
										 <col class="item-list-col5">
										 <col class="item-list-col6">
										 </colgroup>
										<tr>
											<th>图片</th>
											<th>标题</th>
											<th>地址</th>
											<th>状态</th>
											<th>创建时间</th>
											<th>操作</th>
										</tr>
										<tr>
											<td><img src="../images/111.png"></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr>									
										<tr>
											<td><img src=""></td>
											<td>五一活动</td>
											<td>http://www.caijingwulin.com/index.html</td>
											<td>已启用</td>	
											<td>2018-03-29</td>
											<td><a class="tab_editor"></a><a class="tab_del"></a></td>
										</tr> -->
									</table>
								</div>

								<!-- 翻页 -->
								<div class="pages">
									<!-- <a class="pre"><</a>
									<ul class="pagesul">
										<li class="pagesnum thispage">1</li>
										<li class="pagesnum">总共1页</li>
									</ul>
									<a class="next">></a> -->

								</div>

							</div>
							
						<!-- 用户编辑框 -->
						<div class="zhezhaodiv"></div>
						<div class="editordiv">
							<!-- 页面导航 -->
								<div class="righttopnav">
									视频播放
								</div>

								<!-- 数据table -->
								<div class="contenttable">
									
									<video id="bigvideo" src="" controls="true"></video>
								</div>
						</div>
			</div>
			
		<!-- </div> -->
<!-- <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="js/jquerysession.js"></script> -->
<script type="text/javascript">
// window.onload=function(){	

 $(document).ready(function() {   
        // val()无参数是取值，有参数是设置  
        // 为了更好的兼容性，将下面的val()设置与input中的placeholder的值设置相同  
        // $("input.searchinpu").val("请输入完整用户名");  
        // textFill($('input.searchinpu'));  
    }); 
var urank = $.session.get("rank");
console.log("banner管理");
	$(".navli").click(function(){
		$(this).addClass('select').siblings().removeClass('select');					
	});
	
//添加新数据
$(".adduser").click(function(){
	console.log("新增作者");
		window.location.href='content2/contentadd.html';
});


//返回
$(".backbtn").click(function(){
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
	}else{
		ison = true;
		zhezhao(ison);
	}
	}
});
//确认
var sid = '';//用户存储用户id
$(".adduserbtn").click(function(){
	console.log('确认');
	if(ison){
		if(ison){
		ison = false;
		zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
	}
	
		console.log(sid);
		$.ajax({
			type: "get",
			url: url+"account/edit",
			data:{
				'sid': sid
			},
			success: function(data){
				console.log(data);
				var useredit = data.data.account;
				if (data.code=='2000') {
					$("#loginName").val(useredit.name);
					$("#phone").val(useredit.mobile);
					$("input[name='abc']:checked").val("Y");

				}else{
					console.log('系统错误');
				}
			}
		})

		if(ison){
			ison = false;
			zhezhao(ison);
		}else{
			ison = true;
			zhezhao(ison);
		}
							

});

//提示弹窗
var iscaoz;
function firm()
	{
	//利用对话框返回的值 （true 或者 false）
	    if(confirm("你确定要删除此用户视频，删除后，操作不可逆，请谨慎删除？"))
	    {//如果是true ，那么就把页面转向thcjp.cnblogs.com
	         return iscaoz = true;
	     }
	    else
	    {//否则说明下了，赫赫
	    	return iscaoz = false;
	        // console.log('删除操作已取消');
	     }
	}

$(".usersear").click(function(){
	var times = $("#txtBeginDate").val();//获取搜索时间
	usersear(times);
});

function usersear(times){
	var _id = 0;//序号
					console.log('搜索'+times);
				$.ajax({
					type: "get",
					url: url+"account/searchByTime",
					data:{
						'time': times,
					},
					success: function(data){
						
							
							// var pageable = data.data.pageable; //用户翻页
							// var totalElements = data.data.totalElements; //总条数
							// var pageNumber = data.data.begin;//当前第几页
							// var totalPages = data.data.pageSize;//总页数
						var userhtml = '<colgroup>'
										 +'<col class="item-list-col0">'
										 +'<col class="item-list-col1">'
										 // +'<col class="item-list-col2">'
										 +'<col class="item-list-col3">'
										 // +'<col class="item-list-col4">'
										 // +'<col class="item-list-col5">'
										 +'<col class="item-list-col0">'
										 +'<col class="item-list-col0">'
										 +'</colgroup>'
										+'<tr>'
											+'<th>序号</th>'
											+'<th>标题</th>'
											// +'<th>姓名</th>'
											+'<th>链接</th>'
											// +'<th>性别</th>'
											// +'<th>年龄</th>'
											// +'<th>生日</th>'
											// +'<th>总积分</th>'
											+'<th>创建时间</th>'
											+'<th>操作</th>'
										+'</tr>';
						if(data.code=='2000'){
							console.log(data);
							var userlist = data.data;//作者列表数据
							for(var i in userlist){
								var usertime = userlist[i].createdDatetime;//创建时间	
								var usid = userlist[i].sid;
															
								_id++;	
								userhtml += '<tr>'+
											'<td>'+_id+'</td>'+//头像
											'<td><img src="'+userlist[i].avatar+'"></td>'+//头像
											'<td>'+userlist[i].name+'</td>'+//姓名
											'<td>'+userlist[i].nickname+'</td>'+//昵称
											'<td>'+userlist[i].sex+'</td>'+//性别
											// '<td>'+userlist[i].age+'</td>'+//年龄
											// '<td>'+userlist[i].birthday+'</td>'+//生日
											// '<td>'+userlist[i].aggscore+'</td>'+//总积分
											'<td>'+usertime+'</td>'+//创建时间
											'<td><a class="tab_del" sid="'+usid+'"></a></td>'+
											'</tr>';
											// <a class="tab_editor" artsid="'+usid+'" sid="'+usid+'"></a>
							}
							$("#table01").html('');
							$("#table01").append(userhtml);
							$(".pages").html('');//清空翻页
							console.log('数据成功加载');

						}else if (data.code=='5000') {
							userhtml+='<tr><td colspan="7">'+data.message+'</td></tr>';
							$("#table01").html('');
							$("#table01").append(userhtml);
							console.log('数据成功加载');
							console.log(data.message);
							$(".pages").html('');//清空翻页
						}
					}
					})
			}


				// 视频列表
				var id = 0;//序号
				var newpage = 0; //当前页面
				var newtiao = 0; //当前第几条
				var pagesize = 10; //每页条数
				userinfo(newtiao);
				function userinfo(newtiao){
					console.log('内容列表');
				$.ajax({
					type: "get",
					url: url+"contentVideo/listByPage",
					data:{
						'start': newtiao,
						'pageSize': pagesize,
					},
					success: function(data){
						console.log('内容列表');
						console.log(data);
						if(data.code=='2000'){
							var userlist = data.data.dataList;//图片列表数据
							var pageNumber = newpage;//当前第几页
							var allnum = data.data.totalRowNumber;//总条数
							var totalPages = Math.ceil(allnum/pagesize);//向上取整，取总页码 //总页数
							console.log('总页数'+totalPages);
							var userhtml = '<colgroup>'
										 +'<col class="item-list-col0">'
										 +'<col class="item-list-col1">'
										 // +'<col class="item-list-col2">'
										 +'<col class="item-list-col3">'
										 // +'<col class="item-list-col4">'
										 +'<col class="item-list-col5">'
										 +'<col class="item-list-col0">'
										 // +'<col class="item-list-col0">'
										 +'</colgroup>'
										+'<tr>'
											+'<th>序号</th>'
											+'<th>发布人</th>'
											+'<th>视频</th>'
											+'<th>创建时间</th>'
											+'<th>操作</th>'
										+'</tr>';
							for(var i in userlist){
								var usertime = userlist[i].createdDatetime;//创建时间	
								var usid = userlist[i].sid;
								var isvoice = userlist[i].isVoice;

															
								id++;	
								userhtml += '<tr>'+
											'<td>'+id+'</td>'+//序号
											'<td>'+userlist[i].familyName+'</td>'+//标题
											'<td><video class="videocss" src="'+userlist[i].videoUrl+'" controls="true"></video></td>'+
											// '<td>'+userlist[i].sex+'</td>'+//性别
											// '<td>'+userlist[i].age+'</td>'+//年龄
											// '<td>'+userlist[i].birthday+'</td>'+//生日
											// '<td>'+userlist[i].aggscore+'</td>'+//总积分
											'<td>'+usertime+'</td>'+//创建时间
											'<td><a class="tab_chakan" surl="'+userlist[i].videoUrl+'">查看视频</a><a class="tab_del" sid="'+usid+'"></a></td>'+
											'</tr>';
											// <a class="tab_editor" artsid="'+usid+'" sid="'+usid+'"></a>
							}
							$("#table01").html('');
							$("#table01").append(userhtml);
							console.log('数据成功加载');

							//编辑banner信息（修改）
							// $(".tab_editor").click(function(){
							// 	// window.location.href='marketingmar/editorbanner.html?artilcesid='+$(this).attr('artsid')+'&bannersid='+$(this).attr('sid');
							// 	window.location.href='content2/contentediter.html?linksid='+$(this).attr('sid');
							// });
							// 查看视频
							$('.tab_chakan').click(function(){
								console.log(typeof $(this).attr('surl'));
								$('.zhezhaodiv').css('display','block');
								$('.editordiv').css('display','block');	
								$('#bigvideo').attr('src',$(this).attr('surl'))
							})
							$('.zhezhaodiv').click(function(){
								$('.zhezhaodiv').css('display','none');
								$('.editordiv').css('display','none');	
							})
							
						

							// 删除事件
							$(".tab_del").click(function(){
								console.log(typeof $(this).attr('sid'));
								// console.log(firm());
								// firm()
								if (firm()) {
									//用户点击了true，确定删除
									console.log('确认删除');
									$.ajax({
									type: "post",
									url: url+"contentVideo/removeVideo",
									data:{
										'videoSid': $(this).attr('sid'),//视频内容sid
									},
									success: function(data){
											console.log(data);
											if (data.code == '2000') {
												alert('删除成功');
												// id=id-10;
												if (id < pagesize) {
													//如果该页面数据少于分页数据
													id = 0;
												}else{
													id=id -pagesize;
												}
												userinfo(newtiao);
											}else{
												console.log('删除失败');
											}
										}
									});
								}else{
									console.log('取消操作');
								}
								
							});

							//翻页
							var pagehtml='';
							var now = parseInt(newpage)+1;
							pagehtml = '<a class="pre"><</a>'
									+'<ul class="pagesul">'
										+'<li class="pagesnum thispage">'+now+'</li>'
										+'<li class="pagesnum">总共'+totalPages+'页</li>'
										+'<li class="pagesnum"><input class="pageinp" id="yema" type="tel" oninput="checkNum(this.value)"  placeholder="输入页码" value=""/></li>'
										+'<li class="pagesnum thispage tiaoz">跳转</li>'
									+'</ul>'
									+'<a class="next">></a>';
							$(".pages").html(pagehtml);

							//跳转页码
							$(".tiaoz").click(function(){
								var thispage = parseInt($(".pageinp").val()); //输入跳转的页码
								
								// newpage = parseInt(thispage-1);
								console.log('跳转页面的真实页码'+(thispage*pagesize));//跳转的条数
								//输入页码不为空
								if(thispage.length!=0 && !isNaN(thispage)){
									console.log("当前输入页面"+thispage);
									if(totalPages+1>thispage>0){
										if(newpage-1 == thispage){
											//如果是跳转当前页面,则不跳转，不刷新页面
											console.log('跳转当前页面');
											return false;
										}
										else{
											newpage =thispage-1;//当前页码减一
											if (newpage == 0) {
												//第一页
											id = (thispage-1)*pagesize;//跳转页面id起始
											
											userinfo(newpage*pagesize);
											}else{
												//跳转到输入页面
											id = (thispage-1)*pagesize;//跳转页面id起始
											
											userinfo(newpage*pagesize+1);
											}
											
										}										
									}else{
										alert('请输入准确页码');
										$(".pageinp").val('');//清空搜索框
									}
									
								}
								
							});
							//上一页
							$(".pre").click(function(){
								console.log(newpage);
								if(newpage>0){
									//当前页面需要大于0 ，小于总页数
									//如果当前条数少于每页条数时，即最后一页
									console.log('userlist.length'+userlist.length);
									if(userlist.length<pagesize){
										id = id-userlist.length-pagesize;
										console.log('id==' +id);
										userinfo(newtiao-pagesize);
										newpage--;
									}else if(userlist.length==pagesize){
										id = id - pagesize*2;
										console.log('不多id==' +id);
										userinfo(newtiao-pagesize);
										newpage--;
									}
								}else{
									alert('没有上一页了');
								}								
							})
							//下一页
							$(".next").click(function(){
								console.log(typeof newpage);
								if(totalPages-1>newpage){
									//当前页面需要小于总条数
									userinfo(newtiao+pagesize);
									newpage++;
								}else{
									alert('没有下一页了');
								}
							})

							//遮罩层弹窗							
							zhezhao(ison);

						}else{
							console.log('系统错误');
						}
						
					}
				});
		}
		
</script>
